import { Skeleton } from '../ui/skeleton';

const array = Array(20)
  .fill(0)
  .map((_, i) => i);

export default function TableLoading() {
  return (
    <div className=" grid grid-cols-5 gap-7 mt-5">
      {array.map((i) => {
        if ((i + 1) % 5 === 0) {
          return (
            <div className="flex gap-6" key={i}>
              <Skeleton className="h-4 w-full" />
              <Skeleton className="h-4 w-full" />
              <Skeleton className="h-4 w-full" />
            </div>
          );
        }
        return <Skeleton key={i} className="h-4" />;
      })}
    </div>
  );
}
